    <div class="container-fluid">
      <div class="row title">
        <div class="col-md-10 offset-md-1">
          <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand logo text" href="/" style="height: auto; width: 100px; display: inline-block; vertical-align: top;">
		Micro
		<!-- <img src="/images/micro.png" style="height: auto; width: 100px;"/> -->
            </a>
            <span>
              <button
                class="navbar-toggler"
                type="button"
                data-toggle="collapse"
                data-target="#micro-nav"
                aria-controls="micro-nav"
                aria-expanded="false"
                aria-label="Toggle navigation"
              >
                <span class="navbar-toggler-icon"></span>
              </button>
            </span>
            <div
              class="collapse navbar-collapse"
              id="micro-nav"
            >
              <ul class="navbar-nav ml-auto">
                <li role="separator" class="divider"><hr /></li>
	        <li class="nav-item"><a class="nav-link" href="/about">About</a></li>
	        <li class="nav-item"><a class="nav-link" href="/blog">Blog</a></li>
		<li class="nav-item"><a class="nav-link" href="/docs">Docs</a></li>
                <li class="nav-item"><a href="https://github.com/micro/micro" class="nav-link">Github</a></li>
              </ul>
            </div>
          </nav>
        </div>
      </div>
    </div>
